<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>作者页面</title>
		<link rel="stylesheet" href="head.css">
		<style>
			/* 只添加head.css中没有的样式 */
			.author-container {
				max-width: 1200px;
				margin: 0 auto;
				padding: 30px 20px;
				font-family: 'Microsoft YaHei', sans-serif;
			}

			.author-header {
				text-align: center;
				margin-bottom: 50px;
				color: #8e0e00;
			}

			.author-header h1 {
				font-size: 2.5rem;
				margin-bottom: 10px;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
			}

			.author-header p {
				font-size: 1.1rem;
				color: #444;
				max-width: 800px;
				margin: 0 auto;
				line-height: 1.6;
			}

			/* 内容区块样式 */
			.section {
				background: white;
				border-radius: 12px;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
				padding: 30px;
				margin-bottom: 40px;
				text-align: center;
			}

			.section h2 {
				color: #8e0e00;
				font-size: 1.8rem;
				margin-bottom: 30px;
				position: relative;
				padding-bottom: 15px;
			}

			.section h2::after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 80px;
				height: 3px;
				background: linear-gradient(to right, #8e0e00, #f1c40f);
				border-radius: 2px;
			}

			/* 联系方式区域 */
			.contact-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
				gap: 40px;
				margin-top: 30px;
			}

			.contact-item {
				padding: 20px;
				background: #f9f9f9;
				border-radius: 8px;
				transition: all 0.3s;
			}

			.contact-item:hover {
				transform: translateY(-5px);
				box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
			}

			.contact-img {
				width: 200px;
				height: 200px;
				margin: 0 auto 20px;
				background: linear-gradient(45deg, #f1f1f1, #e2e2e2);
				border-radius: 8px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #999;
				font-weight: bold;
				font-size: 16px;
			}

			.contact-desc {
				margin: 20px 0;
				font-size: 1.1rem;
				color: #555;
				line-height: 1.6;
			}

			/* 其他区域 */
			.text-box {
				max-width: 85%;
				margin: 0 auto;
				padding: 25px;
				background: #f8f9fa;
				border-radius: 8px;
				text-align: left;
				line-height: 1.8;
				color: #444;
			}

			.other-works-btn {
				display: inline-block;
				padding: 12px 30px;
				background: linear-gradient(to right, #8e0e00, #a52a2a);
				color: white;
				border-radius: 30px;
				font-size: 1.1rem;
				font-weight: bold;
				text-decoration: none;
				transition: all 0.3s;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
				margin-top: 30px;
			}

			.other-works-btn:hover {
				transform: translateY(-3px);
				box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
				background: linear-gradient(to right, #a52a2a, #8e0e00);
			}

			/* 响应式设计 */
			@media (max-width: 768px) {
				.author-header h1 {
					font-size: 2rem;
				}

				.section {
					padding: 20px;
				}

				.contact-grid,
				.payment-grid {
					grid-template-columns: 1fr;
					gap: 30px;
				}

				.contact-img,
				.payment-img {
					width: 180px;
					height: 180px;
				}

				.text-box {
					max-width: 95%;
					padding: 20px;
				}
			}

			@media (max-width: 480px) {
				.author-header h1 {
					font-size: 1.8rem;
				}

				.section h2 {
					font-size: 1.5rem;
				}

				.contact-img,
				.payment-img {
					width: 160px;
					height: 160px;
				}
			}
		</style>
	</head>
	<body>
		<section class="hero-section">
			<h1 class="hero-title">作者页面</h1>
			<div class="nav-buttons">
				<button class="nav-button"><a href="index.html">返回新版主页</a></button>
				<button class="nav-button"><a href="indexjd.html">返回经典版主页</a></button>
			</div>
		</section>
		<div class="author-container">
			<!-- 作者介绍 -->
			<div class="author-header">
				<h1>作者自述</h1>
				<p>我是一个十分热爱三国杀的玩家，一开始做这个模拟器时，完全是奔着当时的界沮授的红利期去的。实际上我一开始只是想着做一个洗牌抽牌的模拟器，用于告诉其他玩家：纯随机的洗牌并不会和现在游戏环境内的红利期武将和类似于沙摩柯这样的黑利武将一样，截然不同的排堆。<br />
				</p>
				<p>但是后来写着写着发现，功能是越写越多，越来越复杂，直到现在，加起来一共（截至V7.4.3.61）三万五千多行代码，35个版本迭代内容。光是更新日志的正文内容就超过7000字。<br /></p>
				<p>然而直到现在，由于上个月（8月份）的爆发式更新，已经将所有的卡牌功能补充完成，以致现在完全不知道给模拟器新增一些什么功能。在模拟器的功能上已经一度到达瓶颈期，我尝试着加入一些用于面杀的标记，但是这种东西是完全没有办法补充完全的。因为三国杀这么多个服务器，这么多武将，给我一种一眼看不到头的无力感。对于这个用爱发电的东西来说，无疑是一个对于信心上的毁灭性打击。<br />
				</p>
				<p>不过虽然但是，我仍会抽空更新这个模拟器。</p>
			</div>

			<!-- 联系方式 -->
			<div class="section">
				<h2>联系方式</h2>
				<div class="contact-grid">
					<!-- 微信二维码 -->
					<div class="contact-item">
						<div class="contact-img">
							<img src=""
								style="width:100%; height:100%; object-fit: cover; border-radius: 8px;">
						</div>
						<h3>微信好友</h3>
						<p class="contact-desc">扫描二维码添加微信好友，添加时请署名来意。</p>
					</div>

					<!-- QQ二维码 -->
					<div class="contact-item">
						<div class="contact-img">
							<img src=""
								style="width:100%; height:100%; object-fit: cover; border-radius: 8px;">
						</div>
						<h3>QQ好友</h3>
						<p class="contact-desc">扫描二维码添加QQ好友，添加时请署名来意。</p>
					</div>

					<!-- B站二维码 -->
					<div class="contact-item">
						<div class="contact-img">
							<img src=""
								style="width:100%; height:100%; object-fit: cover; border-radius: 8px;">
						</div>
						<h3>Bilibili</h3>
						<p class="contact-desc">关注我的B站账号,获取该工具后续的更新视频以及其他作品内容</p>
						<a href="https://space.bilibili.com/87412647?spm_id_from=333.1007.0.0" class="bili-btn"
							target="_blank">访问B站主页</a>
					</div>
				</div>
			</div>

			<!-- 其他联系方式 -->
			<div class="section">
				<h2>其他联系方式</h2>
				<div class="text-box">
					<p>如果您有任何问题或建议，可以通过以下方式联系我：</p>
					<ul>
						<li>电子邮箱：3099637681@qq.com</li>
						<li>GitCode：https://gitcode.com/TONNY114514/sgsmnq</li>
					</ul>
					<p>您也可以在一些官方或私人群聊中找到我：（群内名称均为：<span class="highlight">月が綺麗ですね</span>）</p>
					<ul>
						<li>微信群：三国杀丨王者之战广东8群<span class="highlight">（官方）</span></li>
						<li>微信群：三国杀 x 王战火龙广州殺友会<span class="highlight">（官方）</span></li>
						<li>QQ群：一个三国杀的DIY爱好者群（群号：946040327）</li>

					</ul>
				</div>
			</div>

			<!-- 其他作品介绍 -->
			<div class="section">
				<h2>作者的其他作品介绍</h2>
				<div class="text-box">
					<div class="contact-img">
						<img src=""
							style="width:100%; height:100%; object-fit: cover; border-radius: 8px;">
					</div>
					<h3>十二生肖斗兽棋</h3>
					<p>《十二生肖斗兽棋》是一款双人对战策略棋盘游戏，两位玩家分别统领红蓝兽群，在暗藏玄机的地图上展开智慧博弈。游戏提供三种胜利途径：派遣鼠、虎等动物夺取地图宝物并运回己方兽穴（每成功运送1件得1分，先达5分可胜）；全歼敌方所有动物棋子；或迫使对手认输。核心回合制采用动态行动力系统——首轮先手2点/后手3点，后续每轮固定3点行动力，需精算每步移动（消耗1点）与技能发动（如鼠的草域封锁、虎的死亡陷阱）。<br />
						12种动物拥有鲜明特性：蛇在水中自由瞬移，龙可无视地形秒杀路径上的敌人，猪能禁锢周围对手行动。地形机制深度融入策略：水域/草域限制多数动物行动，而陷阱区会清零战斗力。配件包含全彩地图、28枚精雕动物棋子和技能标识板，支持经典模式与创新玩法（如暗棋揭晓的刺激盲下模式）。开启这场融合地形操控、技能连锁与心理博弈的兽王之争！<br />
						更有拓展动物“猫”，其有无限复活以及额外移动的独特机制，使得战局更加千变万化<br />
						扫描上方二维码关注微信公众号了解更多
					</p>
				</div>
				<a href="https://kdocs.cn/l/cpNLBuCfBa6n" class="other-works-btn" target="_blank">查看完整说明书</a>
				<a href="https://kdocs.cn/l/comahbimiCkr" class="other-works-btn" target="_blank">查看精简说明书</a>
				<a href="https://www.bilibili.com/video/BV1xx421y7mM/?spm_id_from=333.999.0.0&vd_source=a1dc8fe68c2ee9877d33a73a0966e666"
					class="other-works-btn" target="_blank">b站视频教学</a>
				<a href="https://m.modian.com/idea/4363" class="other-works-btn">摩点页面</a>
				<a href="https://steamcommunity.com/sharedfiles/filedetails/?id=3170973373" class="other-works-btn"
					target="_blank">steamTTS页面</a>
				<a href="https://www.gstonegames.com/game/info-42239.html" class="other-works-btn"
					target="_blank">集石页面</a>
			</div>
		</div>
		<footer class="site-footer">
			<div class="author-info">
				<p>
					作者： <a href="https://space.bilibili.com/87412647?spm_id_from=333.1007.0.0"
						target="_blank">bilibili月が綺麗ですね_</a><br />
					联系方式：<a href="mailto:3099637681@qq.com" target="_blank">3099637681@qq.com（QQ同号）</a><br />
					有什么新功能或建议欢迎骚扰（著名来意）<br />
					<a href="https://1145141919810tonny.github.io/sgsmoniqi/" target="_blank">点击此处使用GitHub Pages在线服务</a>
				</p>
			</div>
			<div class="code-update">
				<a href="https://www.bilibili.com/read/readlist/rl929858?spm_id_from=333.1387.0.0" target="_blank"
					class="bili-btn" rel="noopener noreferrer">
					[bilibili]获取更新动态
				</a>
				<a href="https://github.com/1145141919810TONNY/sgsmoniqi/" target="_blank" class="github-btn"
					rel="noopener noreferrer">
					[GitHub]获取后续代码更新
				</a>
				<a href="https://gitcode.com/TONNY114514/sgsmnq?source_module=search_project" target="_blank"
					class="gitcode-btn" rel="noopener noreferrer">
					[GitCode]获取后续代码更新(国内git)
				</a>
			</div>
			<div class="license-notice">
				<p>
					Copyright &copy; <span id="copyright-year">2025</span> bilibili 月が綺麗ですね_<br />
					Released under the
					<a href="MIT LICENSE.html" title="查看MIT许可证" class="license-link" target="_blank">
						MIT License
					</a>
				</p>
				<p class="i18n-annotation">
					(法律条款以英文版<a href="MIT LICENSE.html" target="_blank">LICENSE</a>文件为准)
				</p>
			</div>
		</footer>
	</body>
</html>
